<!-- ========= -->
<!-- = Style = -->
<!-- ========= -->
<style>

#listingPanel {
	width: 100%;
	height: 600px;
	display: none;
}

#listingMenu {  
	margin:0; padding: 0; border: none; 
	background: transparent;
	width: 340px;
	text-align: center;
	color: red;
}

</style>

<!-- ========== -->
<!-- = Script = -->
<!-- ========== -->
<script type="text/javascript">

function listingInit() {


}

/**
 * Called when the user switches to this page
 */
function listingSwitch() {
	
}

</script>


<!-- ======== -->
<!-- = HTML = -->
<!-- ======== -->
<div id="listingPanel" class="panel">
<hr style="border: 1px solid #2f4f72; margin-top: 32px"/>
<div id="listingMenu">
	<span class="menuItem" title="Search" onclick="switchPanel('search')">SEARCH</span> | 
	<span class="menuItem" title="Abilities Listing and Filtering" onclick="switchPanel('listing')">ABILITIES</span> | 
	<span class="menuItem" title="Career and Renown Buidler" onclick="switchPanel('builder')">BUILDER</span> | 
	<span class="menuItem" title="Information about WarCache" onclick="switchPanel('about')">ABOUT</span>
</div>
<hr style="border: 1px solid #2f4f72; margin-bottom: 32px"/>
Listing not yet implemented. <a href="javascript:switchPanel('searchPanel')">&lt;&lt;Click here to return to search</a>.
</div>
	